@CHARSET "UTF-8";

    body { background-color:black; margin:0px; padding:0px; }
    .pageBox { position:absolute; top:3px; left:3px; right:3px; bottom:3px; min-width:200px}
    .headerBox { position:absolute; width:100%; height:150px; background-color:#f9f9f9; }
    .contentBox { position:absolute; width:100%; top:152px; bottom:32px; background-color:blue; }
    .footerBox { position:absolute; width:100%; height:30px; background-color:#ccc; bottom:0px; }        
    .contentBoxLeft { position:absolute; width:40%; height:100%; background-color:#f9f9f9; }
    .contentBoxRight { position:absolute; width:60%; left:40%; height:100%; background-color:#f9f9f9;border-left:black solid; }    
    .contentBoxLeft,
    .contentBoxRight { overflow:auto; overflow-x:hidden; }
    .currentBox{ xwidth:50%;float:left;height:100%;overflow:auto;position:absolute; }
    .controlBox {right:4px;width:500px;float:left;height:145px;;overflow:hidden;position:absolute;xz-index:500;background-color:#f9f9f9;padding-top:5px;}
	.content {background-color:#f9f9f9}
body {
xxcolor:#330066;
xxbackground-color:#eeddff;
}
.current {
background-color:#dfefef;
color:#660033;
font-weight:bold;
}
.nowplaying {
font-size:larger;
}

a {
color:#0000ff;
xbackground-color:#eeddff
}
td, a, div {
font-family:sans,verdana;
}
.action {
	vertical-align:middle;
	padding:4px;
	xxmargin:3px;
}
.action img {
	border:solid black 1px;
}

.title {
	vertical-align:middle;
}
.icon {
	padding:4px;
	vertical-align:middle;
}
.size {
white-space: nowrap;
}
.button {
text-align:center;
min-width:10px;
padding:3px;
border:solid black 1px;
}

#CHOLDER{
text-align:center;
}
#CURRENT{
	margin-left: auto;
	margin-right: auto;
	xxwidth: 50px;
	text-align: left;
    overflow:hidden;
}
#CURRENT table tr td{
xwhite-space: nowrap;
overflow:hidden;
}
#FILES, #QUEUE {
text-align:left;
overflow:auto;
}
